<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>南京银行·2019第十届环太湖国际公路自行车赛</title>
    <link rel="stylesheet" href="./css/style.css">  
    <link rel="stylesheet" href="./css/mid.css">
    <link rel="stylesheet" href="./css/bot.css">
    <!-- 引入首页的js文件 -->
    <script src="./js/animate.js"></script>
    <script src="./js/index.js"></script>
</head>
<body>
    <div class="pagemain">
        <div class="pagemaintop">
            <div class="topimg">
                <img src="./img/index/lake2019.png" alt="">
                <div class="search">
                    <div class="searchicon"></div>
                    <div class="searcharea">
                        <a href="#" class="seabut"></a>
                        <input type="text" placeholder="  输入关键字" id="search">
                    </div>
                </div>
            </div>
            <div class="topnav">
                <div class="nav">
                    <div class="navtext">
                        <div class="navmenu">
                            <div class="menuitem">
                                <a href="#">
                                    <div class="ch">赛事</div>
                                    <div class="en">Races</div>
                                </a>
                                <ul>
                                    <li class="first">
                                        <a href="">关于赛事/About tour of taihu</a>
                                    </li>
                                    <li class="mid">
                                        <a href="">赛事新闻/News</a>
                                    </li>
                                    <li class="mid">
                                        <a href="">参赛车队/Teams</a>
                                    </li>
                                    <li class="mid">
                                        <a href="">业余赛/Amateus</a>
                                    </li>
                                </ul>
                            </div>
                            <div class="menuitem">
                                <a href="#">
                                    <div class="ch">路线</div>
                                    <div class="en">Route</div>
                                </a>
                                <ul>
                                    <li class="first">
                                        <a href="">路线/Route</a>
                                    </li>
                                    <li class="mid">
                                        <a href="">赛区/City</a>
                                    </li>
                                </ul>
                            </div>
                            <div class="menuitem">
                                <a href="#">
                                    <div class="ch">影像</div>
                                    <div class="en">Gallery</div>
                                </a>
                                <ul>
                                    <li class="first">
                                        <a href="">视频/Videos</a>
                                    </li>
                                    <li class="mid">
                                        <a href="">图集/Photos</a>
                                    </li>
                                </ul>
                            </div>
                            <div class="menuitem">
                                <a href="#">
                                    <div class="ch">首页</div>
                                    <div class="en">Home</div>
                                </a>   
                            </div>
                            <div class="menuitem">
                                <a href="#">
                                    <div class="ch">合作</div>
                                    <div class="en">Partner</div>
                                </a>
                                <ul>
                                    <li class="first">
                                        <a href="">赞助商/Sponser</a>
                                    </li>
                                    <li class="mid">
                                        <a href="">媒体/Media</a>
                                    </li>
                                </ul>
                            </div>
                            <div class="menuitem">
                                <a href="#">
                                    <div class="ch">历史</div>
                                    <div class="en">History</div>
                                </a>
                            </div>
                            <div class="menuitem">
                                <a href="#">
                                    <div class="ch">成绩</div>
                                    <div class="en">Result</div>
                                </a>
                            </div>  
                        </div>
                    </div>
                </div>
                <div class="ucilogo"></div>
                <div class="share">
                    <a href="" class="icon1"></a>
                    <a href="" class="icon2"></a>
                    <a href="" class="icon3"></a>
                </div>
                <div class="logo"></div>
            </div>
            <div class="bannerbox">
                <div class="img">
                    <!-- 左右按钮 -->
                    <a href="javascript:;" class="left">
                    </a>
                    <a href="javascript:;" class="right">
                    </a>
                    <!-- 核心的滚动区域 -->
                    <ul>
                        <li>
                            <a href="#">
                                <img src="./img/banner/banner1.jpg" alt="">
                            </a>
                        </li>
                        <li>
                            <a href="#">
                                <img src="./img/banner/banner2.jpg" alt="">
                            </a>
                        </li>
                        <li>
                            <a href="#">
                                <img src="./img/banner/banner3.jpg" alt="">
                            </a>
                        </li>
                        <li>
                            <a href="#">
                                <img src="./img/banner/banner4.jpg" alt="">
                            </a>
                        </li>
                        <li>
                            <a href="#">
                                <img src="./img/banner/banner5.jpg" alt="">
                            </a>
                        </li>
                        <li>
                            <a href="#">
                                <img src="./img/banner/banner6.jpg" alt="">
                            </a>
                        </li>
                        <li>
                            <a href="#">
                                <img src="./img/banner/banner7.jpg" alt="">
                            </a>
                        </li>
                        <li>
                            <a href="#">
                                <img src="./img/banner/banner8.jpg" alt="">
                            </a>
                        </li>
                        <li>
                            <a href="#">
                                <img src="./img/banner/banner9.jpg" alt="">
                            </a>
                        </li>
                        <li>
                            <a href="#">
                                <img src="./img/banner/banner10.jpg" alt="">
                            </a>
                        </li>
                        <li>
                            <a href="#">
                                <img src="./img/banner/banner11.jpg" alt="">
                            </a>
                        </li>
                        <li>
                            <a href="#">
                                <img src="./img/banner/banner12.jpg" alt="">
                            </a>
                        </li>
                    </ul>                    
                </div>
            </div>
        </div>
        <div class="pagemainmid">
            <div class="titlemode">
                <div class="title_first">赛事新闻
                    <span>NEWS</span>
                </div>
                <div class="more">
                    <a href="#">查看更多</a>
                </div>
            </div>

            <div class="newswall">
                <div class="news">
                    <div class="pic">
                        <a href="">
                            <div class="bigpic"></div>
                        </a>
                    </div>
                    <div class="news_box">
                        <div class="news_right">
                            <ul>
                                <li>
                                    <a href="">十年聚焦 | 致敬永不服输的你们！ 环太湖赛十周年公益行——慰问江苏省残疾人自行车队</a> 
                                </li>
                                <li>
                                    <a href="">十年聚焦丨2019年环太湖自行车赛台前幕后共享精彩</a>
                                </li>
                                <li>
                                    <a href="">感恩有你 | 不忘过往 不惧未来！致“最可爱”的你们！</a>
                                </li>
                                <li>
                                    <a href="">十年盛典 | 南京银行·2019第十届环太湖国际公路自行车赛圆满落幕！</a>
                                </li>
                                <li>
                                    <a href="">收官之战 | 环太湖赛十周年“压轴”赛段在“荷都”金湖燃情开赛！</a>
                                </li>
                                <li>
                                    <a href="">十年赛绩 | 安德罗尼再揽赛段 迪兰·肯内特问鼎总冠军</a>
                                </li>
                                <li>
                                    <a href="">十年盛典 | 再下一城！环太湖十周年第五赛段在福地句容燃情开赛！</a>
                                </li>
                            </ul>
                        </div>
                    </div>
                    <div class="imgbox">
                        <ul>
                            <li>
                                <a href="">
                                    <div class="box1">
                                        <div class="text">
                                            十年聚焦 | 致敬永不服输的你们！ 环太湖赛十周年公益行——慰问江苏省残疾人自行车队
                                        </div>
                                    </div>
                                </a>
                            </li>
                            <li>
                                <a href="">
                                    <div class="box2">
                                        <div class="text">
                                            十年聚焦丨2019年环太湖自行车赛台前幕后共享精彩
                                        </div>
                                    </div>
                                </a>
                            </li>
                            <li>
                                <a href="">
                                    <div class="box3">
                                        <div class="text">
                                            感恩有你 | 不忘过往 不惧未来！致“最可爱”的你们！
                                        </div>
                                    </div>
                                </a>
                            </li>
                            <li>
                                <a href="">
                                    <div class="box4">
                                        <div class="text">
                                            十年盛典 | 南京银行·2019第十届环太湖国际公路自行车赛圆满落幕！
                                        </div>
                                    </div>
                                </a>
                            </li>
                        </ul>
                    </div>
                </div>
            </div>

            <div class="njbank">
                <div class="img"></div>
            </div>

            <div class="titlemode titlemode1">
                <div class="title">精彩照片
                    <span>PHOTOS</span>
                </div>
                <div class="box_r"></div>
            </div>

            <div class="jczp"></div>

            <div class="njbank1">
                <div class="img1"></div>
            </div>

            <div class="titlemode titlemode1">
                <div class="title">赛事路线
                    <span>ROUTE</span>
                </div>
                <div class="box_r"></div>
            </div>

            <div class="routepic">
                <div class="pics">

                </div>
            </div>

            <div class="routemap">
                <a href="">
                    <div class="map"></div>
                </a>
            </div>

            <div class="click">
                <div class="details">
                    <ul>
                        <li>
                            <a href="">
                                <div class="box01 box">
                                    <div class="icon1">
                                    </div>
                                    <div class="text1">点击查看详情</div>
                                    <div class="text2">Details</div>
                                </div>
                            </a>
                        </li>
                        <li>
                            <a href="">
                                <div class="box02 box">
                                    <div class="icon2">
                                    </div>
                                    <div class="text1">车队列表</div>
                                    <div class="text2">Details</div>
                                </div>
                            </a>
                        </li>
                        <li>
                            <a href="">
                                <div class="box03 box">
                                    <div class="icon3">
                                    </div>
                                    <div class="text1">往届颁奖名词</div>
                                    <div class="text2">Details</div>
                                </div>
                            </a>
                        </li>
                    </ul>
                </div>
            </div>

            <div class="njbank1">
                <div class="img1"></div>
            </div>

            <!-- 参赛车队 -->
            <div class="titlemode titlemode1">
                <div class="title">参赛车队
                    <span>TEAMS</span>
                </div>
                <div class="box_r"></div>
            </div>

            <div class="team">
                <div class="teambox"></div>
            </div>

            <!-- 2019骑衫获得者 -->
            <div class="titlemode titlemode1">
                <div class="title_last">2019骑衫获得者
                    <span>Jersey Wearers 2019</span>
                </div>
                <div class="box_last"></div>
            </div>

            <div class="win">
                <div class="winner">
                    <ul>
                        <li>
                            <div class="box box1">
                                <div class="ttop">
                                    <div class="top top1"></div>
                                </div>
                                <div class="img img1"></div>
                                <div class="text">TIME</div>
                                <div class="per per1"></div>
                                <div class="name">KENNETT Dylan</div>
                                <div class="about">ST GEORGE CONTINENTAL CYCLING TEAM</div>
                                <div class="time">13h 42'25'</div>
                            </div>
                        </li>
                        <li>
                            <div class="box box2">
                                <div class="ttop">
                                    <div class="top top2"></div>
                                </div>
                                <div class="img img2"></div>
                                <div class="text">POINTS</div>
                                <div class="per per2"></div>
                                <div class="name">KENNETT Dylan</div>
                                <div class="about">ST GEORGE CONTINENTAL CYCLING TEAM</div>
                                <div class="time">63 pts</div>
                            </div>
                        </li>
                        <li>
                            <div class="box box3">
                                <div class="ttop">
                                    <div class="top top3"></div>
                                </div>
                                <div class="img img3"></div>
                                <div class="text">大中华最佳</div>
                                <div class="per per3"></div>
                                <div class="name">CHEN Chien Liang</div>
                                <div class="about">MEMIL PRO CYCLING</div>
                                <div class="time">13h 43'27''</div>
                            </div>
                        </li>
                        <li>
                            <div class="box box4">
                                <div class="ttop">
                                    <div class="top top4"></div>
                                </div>
                                <div class="img img4"></div>
                                <div class="text">BEST YOUNG</div>
                                <div class="per per4"></div>
                                <div class="name">CIMA Imerio</div>
                                <div class="about">NIPPO - VINI FANTINI - FAIZANE'</div>
                                <div class="time">13h 43'03''</div>
                            </div>
                        </li>
                    </ul>
                </div>
            </div>


        </div>
        <div class="pagemainbot">
            <div class="foot_bg">
                <div></div>
                <div class="text">
                    Copyright 2017-2019 江苏省体育竞赛有限公司 版权所有 
                    <a href="https://beian.miit.gov.cn/#/Integrated/index" target="_blank">苏ICP备2021015142号-1</a>
                </div>
            </div>
        </div>
    </div>
</body>
</html>